<div class="form-signin">
	<h2 class="form-signin-heading">Formulario de registro</h2>
	<ul class="nav nav-tabs" id="myTab" ng-hide="true">
		<li ng-class="personForm?'active':''"><a href=""
			ng-click="personForm = true">Persona natural</a></li>
		<li ng-class="!personForm?'active':''"><a href=""
			ng-click="personForm = false">Empresa</a></li>


	</ul>
</div>
<form class="form-signin" role="form" ng-show="personForm"
	name="createSeller" ng-submit="signUp()">


	<div class="form-group">
		<label>Nombres</label> <input type="text" class="form-control"
			name="firstName" placeholder="Nombres" required="" autofocus=""
			ng-model="personInfo.firstName">
	</div>

	<div class="form-group">
		<label>Apellidos</label> <input type="text" class="form-control"
			name="lastName" placeholder="Apellidos" required=""
			ng-model="personInfo.lastName">
	</div>
	<div class="form-group">
		<label>E-Mail</label> <input type="text" pattern="^[^@]+@[^@]+$"
			ng-pattern="/^[^@]+@[^@]+$/" class="form-control" name="email"
			placeholder="E-Mail" required="" ng-model="personInfo.email">
	</div>

	<div class="form-group">
		<label>Fecha de nacimiento</label> <input type="date" name="borthDate"
			class="form-control" placeholder="Fecha de nacimiento" required=""
			ng-model="personInfo.birthDate">
	</div>
	<div class="form-group">
		<label>Número telefónico</label> <input type="text" name="mobile"
			class="form-control" placeholder="Número telefónico" required=""
			ng-model="personInfo.mobile">
	</div>
	<div class="form-group">
		<label>Dirección</label> <input type="text" class="form-control"
			name="address" placeholder="Dirección" required=""
			ng-model="personInfo.address">
	</div>
	<div class="form-group">
		<label>Contraseña</label> <input type="password" class="form-control"
			name="password" placeholder="Contraseña" required=""
			ng-model="personInfo.password"> <input type="password"
			class="form-control" name="repassword"
			placeholder="Repita la contraseña" required=""
			ng-model="personInfo.repeatPassword">
	</div>

	<label class="checkbox"> <input type="checkbox" value="agree">
		Estoy de acuerdo con los términos y condiciones
	</label>
	<div id="recaptchaDiv"></div>

	<button class="btn btn-lg btn-primary btn-block" type="submit">Registrarse</button>
	<span class="alert-danger">{{errorMessage}}</span> <a
		class="btn-link btn-block text-right" href="#login">Ya tengo
		cuenta de proveedor</a>
</form>

<form class="form-signin" role="form" ng-hide="personForm"
	name="createSupplier" ng-submit="signUp()">


	<div class="form-group">
		<label>Nombres</label> <input type="text" class="form-control"
			name="firstName" placeholder="Nombres" required="" autofocus=""
			ng-model="personInfo.firstName">
	</div>

	<div class="form-group">
		<label>Apellidos</label> <input type="text" class="form-control"
			name="lastName" placeholder="Apellidos" required=""
			ng-model="personInfo.lastName">
	</div>
	<div class="form-group">
		<label>E-Mail</label> <input type="text" pattern="^[^@]+@[^@]+$"
			ng-pattern="/^[^@]+@[^@]+$/" class="form-control" name="email"
			placeholder="E-Mail" required="" ng-model="personInfo.email">
	</div>

	<div class="form-group">
		<label>Fecha de nacimiento</label> <input type="date" name="borthDate"
			class="form-control" placeholder="Fecha de nacimiento" required=""
			ng-model="personInfo.birthDate">
	</div>
	<div class="form-group">
		<label>Número telefónico</label> <input type="text" name="mobile"
			class="form-control" placeholder="Número telefónico" required=""
			ng-model="personInfo.mobile">
	</div>
	<div class="form-group">
		<label>Dirección</label> <input type="text" class="form-control"
			name="address" placeholder="Dirección" required=""
			ng-model="personInfo.address">
	</div>
	<div class="form-group">
		<label>Contraseña</label> <input type="password" class="form-control"
			name="password" placeholder="Contraseña" required=""
			ng-model="personInfo.password"> <input type="password"
			class="form-control" name="repassword"
			placeholder="Repita la contraseña" required=""
			ng-model="personInfo.repeatPassword">
	</div>

	<label class="checkbox"> <input type="checkbox" value="agree">
		Estoy de acuerdo con los términos y condiciones
	</label>
	<div id="recaptchaDiv"></div>

	<button class="btn btn-lg btn-primary btn-block" type="submit">Registrarse</button>
	<span class="alert-danger">{{errorMessage}}</span> <a
		class="btn-link btn-block text-right" href="#login">Ya tengo
		cuenta de proveedor</a>
</form>